/*
 * @Title: 
 * @Created by: ycq
 */
<template>
	<view class="">
		<view class="nav"  v-if="navIndex!=0">
			
		</view>
		<view  :class="navIndex!=0?'nav-top':'nav'" >
			<view class="nav-item"  @click="tuijian">
				<text :class="navIndex==0?'nav-ac':''">热门推荐</text>
				<view ></view>
			</view>
			<view class="nav-item" @click="showStar" v-if="pageId==1">
				<text :class="navIndex==1?'nav-ac':''">级别</text>
				<view class="sanjiao"></view>
			</view>
			<view class="nav-item" @click="showStar" v-if="pageId==2">
				<text :class="navIndex==1?'nav-ac':''">星级</text>
				<view class="sanjiao"></view>
			</view>
			<view class="nav-item" @click="showFood"  v-if="pageId==3">
				<text :class="navIndex==1?'nav-ac':''">菜系</text>
				<view class="sanjiao"></view>
			</view>
			<view class="nav-item" @click="showFood"  v-if="pageId==5">
				<text :class="navIndex==1?'nav-ac':''">类别</text>
				<view class="sanjiao"></view>
			</view>
			<view class="nav-item" @click="showFood"  v-if="pageId==7||pageId==8">
				<text :class="navIndex==1?'nav-ac':''">景区类别</text>
				<view class="sanjiao"></view>
			</view>
			<view class="nav-item" @click="showPxBox">
				<text :class="navIndex==2?'nav-ac':''">位置距离</text>
				<view class="sanjiao"></view>
			</view>
			<view class="nav-item" @click="showAllType" v-if="pageId!=8">
				<text :class="navIndex==3?'nav-ac':''">综合筛选</text>
				<view class="sanjiao"></view>
			</view>
			<view class="nav-item" @click="toAge" v-if="pageId==8">
				<text :class="navIndex==3?'nav-ac':''">时代筛选</text>
			</view>
		</view>
		<view class="mask" v-if="boxIndex!=0" @click="tuijian" @touchmove.stop.prevent></view>
		<view class="ShowStar"  @touchmove.stop.prevent v-if="boxIndex==1">
			<view v-if="pageId==3" :class="starIndex==index?'type-ac':''" v-for='(item,index) in foodData'  :key='index' @click="chooseStar(index)">
				<text>{{item.type}}</text>
				<image v-if="starIndex == index" src="/static/duihao.png" mode=""></image>
			</view>
			
			<view v-if="pageId==2" :class="starIndex==index?'type-ac':''" v-for='(item,index) in starData'  :key='index' @click="chooseStar(index)">
				<text>{{item.star}}</text>
				<image v-if="starIndex == index" src="/static/duihao.png" mode=""></image>
			</view>
			
			<view v-if="pageId==1" :class="starIndex==index?'type-ac':''" v-for='(item,index) in spotData'  :key='index' @click="chooseStar(index)">
				<text>{{item.star}}</text>
				<image v-if="starIndex == index" src="/static/duihao.png" mode=""></image>
			</view>
		</view>
		<view class="ShowStar" @touchmove.stop.prevent v-if="pageId==5&&boxIndex==3">
			<view  :class="starIndex==index?'type-ac':''" v-for='(item,index) in recData'  :key='index' @click="chooseStar(index)">
				<text>{{item.star}}</text>
				<image v-if="starIndex == index" src="/static/duihao.png" mode=""></image>
			</view>
		</view>
		<view class="ShowAll" v-if="boxIndex==2">
			<view class="main-list">
				<view class="main-item" :class="mainNum2==index?'main-item-ac':''" @click="chooseMain(index)" v-for="(item,index) in way" :key='index'>
					<text>{{item.title}}</text>
				</view>
			</view>
			<view class="type-list" >
				<view v-if="!way[mainNum2].hasMore">
					<view class="type-item-2" v-for="(typeItem,index) in way[mainNum2].tdata" :key='index' @click="chooseType(mainNum2,index)">
						<text :style="{color:(wayIndex==index&&wayIndex1==mainNum2?'rgba(0,89,255,1.00)':'')}">{{typeItem}}</text>
						<image v-if="wayIndex == index&&wayIndex1==mainNum2" src="/static/duihao.png" mode=""></image>
					</view>
				</view>
				<view v-if="way[mainNum2].hasMore">
					<view style="float: left;width: 200upx;border-right: rgba(239,239,239,1.00) solid 1upx;">
						<view class="type-item-2" style="width: 200upx;float: left;" v-for="(typeItem,index) in way[mainNum2].tdata" :key='index' @click="chooseType2(mainNum2,index)">
							<text :style="{color:(wayMIndex==index&&wayIndex1==mainNum2?'rgba(0,89,255,1.00)':'')}">{{typeItem.title}}</text>
						</view>
					</view>
					<view style="float: right;width: 302upx;">
						<view class="type-item-2" style="width: 302upx;float: left;" v-for="(typeItem,index) in way[mainNum2].tdata[wayMIndex].data" :key='index' @click="chooseType(mainNum2,index)">
							<text :style="{color:(wayIndex==index&&wayIndex1==mainNum2?'rgba(0,89,255,1.00)':'')}">{{typeItem}}</text>
							<image v-if="wayIndex == index&&wayIndex1==mainNum2" src="/static/duihao.png" mode=""></image>
						</view>
					</view>
				</view>
			</view>
			<view class="ShowAll-bottom">
				<view class="reset-btn" @click="reset">重置</view>
				<view class="qd-btn" @click="commitBtn">确定</view>
			</view>
		</view>
		<view class="ShowAll" v-if="boxIndex==1&&(pageId==5||pageId==7||pageId==8)">
			<view v-if="pageId==5">
				<view class="main-list">
					<view class="main-item" :class="mainNum2==index?'main-item-ac':''" @click="chooseMain(index)" v-for="(item,index) in recTypeData" :key='index'>
						<text>{{item.title}}</text>
					</view>
				</view>
				<view class="type-list" >
					<view>
						<view class="type-item-2" v-for="(typeItem,index) in recTypeData[mainNum2].tdata" :key='index' @click="chooseType(mainNum2,index)">
							<text :style="{color:(wayIndex==index&&wayIndex1==mainNum2?'rgba(0,89,255,1.00)':'')}">{{typeItem}}</text>
							<image v-if="wayIndex == index&&wayIndex1==mainNum2" src="/static/duihao.png" mode=""></image>
						</view>
					</view>
				</view>
			</view>
			<view v-if="pageId==7||pageId==8">
				<view class="main-list">
					<view class="main-item" :class="mainNum2==index?'main-item-ac':''" @click="chooseMain(index)" v-for="(item,index) in shenqiTypeData" :key='index'>
						<text>{{item.title}}</text>
					</view>
				</view>
				<view class="type-list" >
					<view>
						<view class="type-item-2" v-for="(typeItem,index) in shenqiTypeData[mainNum2].tdata" :key='index' @click="chooseType(mainNum2,index)">
							<text :style="{color:(wayIndex==index&&wayIndex1==mainNum2?'rgba(0,89,255,1.00)':'')}">{{typeItem}}</text>
							<image v-if="wayIndex == index&&wayIndex1==mainNum2" src="/static/duihao.png" mode=""></image>
						</view>
					</view>
				</view>
			</view>
			<view class="ShowAll-bottom">
				<view class="reset-btn" @click="reset">重置</view>
				<view class="qd-btn" @click="commitBtn">确定</view>
			</view>
		</view>
		<view class="ShowAll" v-if="pageId!=5&&boxIndex==3">
			<view class="main-list" v-if="pageId!=5">
				<view class="main-item" :class="mainNum==index?'main-item-ac':''" @click="chooseMain(index)" v-for="(item,index) in comData" :key='index'>
					<text>{{item.title}}</text>
				</view>
			</view>
			<view class="type-list" v-if="pageId!=5">
				<view v-if="mainNum==0">
					<view class="type-item-2" v-for="(typeItem,index) in comData[0].tdata" :key='index' @click="chooseType(0,index)">
						<text :style="{color:(typeIndex1==index?'rgba(0,89,255,1.00)':'')}">{{typeItem}}</text>
						<image v-if="typeIndex1 == index" src="/static/duihao.png" mode=""></image>
					</view>
				</view>
				<view v-if="mainNum==1&&pageId==3">
					<view style="width: 100%;height: 60upx;margin-bottom: 10upx;">
						<text class="list-title-text" >价格区间(元)</text>
						<view class="price-box">
							<input  v-model="moneyStart" placeholder="设置最低价" />
							<view class="line"></view>
							<input  v-model="moneyEnd"  placeholder="设置最高价" />
						</view>
					</view>
				</view>
				<view v-if="mainNum==1&&pageId==2">
					<view style="width: 100%;height: 60upx;margin-bottom: 10upx;">
						<text class="list-title-text" >{{comData[1].title}}</text>
					</view>
					<view v-for="(item,index) in comData[1].tdata" :key='index' style="margin-bottom: 20upx;">
						<view class="list-title" >
							<text class="list-title-text2">{{item.title}}</text>
							<view class="list-open-btn" @click="listClose=index">
								<uni-icon type="arrowdown" v-if="listClose!=index" style='margin-left: 13upx;float: right;margin-top: 10upx;margin-right: 30upx;' size="20" color="rgba(86,150,255,1.00)"></uni-icon>
								<uni-icon type="arrowup" v-if="listClose==index" style='margin-left: 13upx;float: right;margin-top: 10upx;margin-right: 30upx;' size="20" color="rgba(86,150,255,1.00)"></uni-icon>
								<text class="zk">{{listClose!=index?'展开':'收起'}}</text>
							</view>
						</view>
						<view style="overflow: hidden;" :style="{height:(listClose!=index?'190upx':'auto')}">
							<view class="type-item" 
							@click="chooseType(index,innerIndex)" 
							v-for="(typeItem,innerIndex) in item.data" 
							:class="typeIndex2 == innerIndex&&listIndex== index ?'type-item-ac':''" 
							:key='innerIndex'>
								<text>{{typeItem}}</text>
								<image v-if="typeIndex2 == innerIndex&&listIndex== index " src="/static/type-xz.png" mode=""></image>
							</view>
						</view>
					</view>
				</view>
				<view v-if="mainNum==1&&(pageId==7||pageId==1)" >
					<view class="list-title" >
						<text class="list-title-text">服务设施</text>
						<view class="list-open-btn" @click="listClose3=!listClose3">
							<uni-icon type="arrowdown" v-if="listClose3" style='margin-left: 13upx;float: right;margin-top: 10upx;margin-right: 30upx;' size="20" color="rgba(86,150,255,1.00)"></uni-icon>
							<uni-icon type="arrowup" v-if="!listClose3" style='margin-left: 13upx;float: right;margin-top: 10upx;margin-right: 30upx;' size="20" color="rgba(86,150,255,1.00)"></uni-icon>
							<text class="zk">{{listClose3?'展开':'收起'}}</text>
						</view>
					</view>
					<view style="overflow: hidden;" :style="{height:(listClose3?'190upx':'auto')}">
						<view class="type-item" 
						@click="chooseType(0,innerIndex)" 
						v-for="(typeItem,innerIndex) in comData[1].tdata" 
						:class="typeIndex3 == innerIndex ?'type-item-ac':''" 
						:key='innerIndex'>
							<text>{{typeItem}}</text>
							<image v-if="typeIndex3 == innerIndex " src="/static/type-xz.png" mode=""></image>
						</view>
					</view>
				</view>
				<view v-if="mainNum==2&&pageId!=3" >
					<view class="list-title" >
						<text class="list-title-text">服务设施</text>
						<view class="list-open-btn" @click="listClose3=!listClose3">
							<uni-icon type="arrowdown" v-if="listClose3" style='margin-left: 13upx;float: right;margin-top: 10upx;margin-right: 30upx;' size="20" color="rgba(86,150,255,1.00)"></uni-icon>
							<uni-icon type="arrowup" v-if="!listClose3" style='margin-left: 13upx;float: right;margin-top: 10upx;margin-right: 30upx;' size="20" color="rgba(86,150,255,1.00)"></uni-icon>
							<text class="zk">{{listClose3?'展开':'收起'}}</text>
						</view>
					</view>
					<view style="overflow: hidden;" :style="{height:(listClose3?'190upx':'auto')}">
						<view class="type-item" 
						@click="chooseType(0,innerIndex)" 
						v-for="(typeItem,innerIndex) in comData[2].tdata" 
						:class="typeIndex3 == innerIndex ?'type-item-ac':''" 
						:key='innerIndex'>
							<text>{{typeItem}}</text>
							<image v-if="typeIndex3 == innerIndex " src="/static/type-xz.png" mode=""></image>
						</view>
					</view>
				</view>
				<view v-if="mainNum==2&&pageId==3" >
					<view class="list-title" >
						<text class="list-title-text">服务设施</text>
						<view class="list-open-btn" @click="listClose3=!listClose3">
							<uni-icon type="arrowdown" v-if="listClose3" style='margin-left: 13upx;float: right;margin-top: 10upx;margin-right: 30upx;' size="20" color="rgba(86,150,255,1.00)"></uni-icon>
							<uni-icon type="arrowup" v-if="!listClose3" style='margin-left: 13upx;float: right;margin-top: 10upx;margin-right: 30upx;' size="20" color="rgba(86,150,255,1.00)"></uni-icon>
							<text class="zk">{{listClose3?'展开':'收起'}}</text>
						</view>
					</view>
					<view style="overflow: hidden;" :style="{height:(listClose3?'190upx':'auto')}">
						<view class="type-item" 
						@click="chooseType(0,innerIndex)" 
						v-for="(typeItem,innerIndex) in comData[2].tdata" 
						:class="typeIndex3 == innerIndex ?'type-item-ac':''" 
						:key='innerIndex'>
							<text>{{typeItem}}</text>
							<image v-if="typeIndex3 == innerIndex " src="/static/type-xz.png" mode=""></image>
						</view>
					</view>
				</view>
				
			</view>
			<view class="ShowAll-bottom">
				<view class="reset-btn" @click="reset">重置</view>
				<view class="qd-btn" @click="commitBtn">确定</view>
			</view>
		</view>
	</view>
</template>

<script>
	import uniIcon from '@/components/uni-icon/uni-icon'
	export default{
		props: {
			pageId: {
				type: Number,
				default: 0
			},
		},
		components: {
			uniIcon
		},
		data(){
			return{
				starIndex:0,
				boxIndex:0,
				comData:[],
				way:[],
				mainNum:0, 
				mainNum2:0, 
				listIndex:0,
				typeIndex1:0,
				typeIndex2:0,
				typeIndex3:0,
				wayIndex1:0,
				wayMIndex:0,
				wayIndex:0,
				listClose:null,
				listClose3:true,
				navIndex:0,
				showAll:false,
				showHPS:false,
				foodData:[
					{type:'不限'},
					{type:'地方菜'},
					{type:'快餐简餐'},
					{type:'小吃'},
					{type:'面包甜点'},
					{type:'烧烤'},
					{type:'火锅'},
					{type:'西餐'},
				],
				starData:[
					{star:'豪华/五星'},
					{star:'高档/四星'},
					{star:'舒适/三星'},
					{star:'经济型/二星及以下'},
				],
				recData:[
					{star:'好评优先'},
					{star:'距离最近'},
					{star:'低价优先'},
					{star:'高价优先'},
				],
				spotData:[
					{star:'5A'},
					{star:'4A'},
					{star:'3A'},
					{star:'2A'},
					{star:'1A'},
				],
				recTypeData:[
					{
						title:'KTV',
						tdata:['全部','迷你KTV','录音棚','量版式KTV']
					},
					{
						title:'洗浴按摩',
						tdata:['天池','龙池','黄金海岸','天上人间']
					},
					{
						title:'密室逃脱',
						tdata:['营业中','新店','14小时营业','可停车','外卖','排队','订座','预点餐']
					},
					{
						title:'电玩游戏厅',
						tdata:['电玩游戏厅','电玩游戏厅','电玩游戏厅','电玩游戏厅']
					},
					{
						title:'轰趴馆',
						tdata:['轰趴馆1','轰趴馆2','轰趴馆3','轰趴馆4','轰趴馆5']
					}
					
				],
				shenqiData:[
					{
						title:'智能筛选',
						tdata:['好评优先','距离最近','低价优先','高价优先']
					},
					{
						title:'服务设施',
						tdata:['免费WIFI上网','园区内住宿','园区内餐饮','演艺活动']
					},
				],
				shenqiTypeData:[
					{
						title:'景区分类',
						tdata:['文物古迹','自然风景','宗教寺庙','主题乐园','体育旅游','工业旅游','校园旅游']
					},
					{
						title:'星级分类',
						tdata:['5A','4A','3A','2A','1A']
					},
				],
				spotTypeData:[
					{
						title:'智能筛选',
						tdata:['好评优先','距离最近','低价优先','高价优先']
					},
					{
						title:'服务设施',
						tdata:['免费WIFI上网','园区内住宿','园区内餐饮','演艺活动']
					},
				],
				foodTypeData:[
					{
						title:'筛选',
						tdata:['智能筛选','好评优先','人均从低到高','人均从高到低']
					},
					{
						title:'价格区间',
					},
					{
						title:'服务设施',
						tdata:['营业中','新店','24小时营业','可停车','外卖','排队','订座','预点餐']
					},
					
				],
				hotelTypeData:[
					{
						title:'筛选',
						tdata:['好评优先','距离最近','低价优先','高价优先']
					},
					{
						title:'品牌',
						tdata:[
							{
								title:'高端连锁',
								data:['全部高端连锁酒店','希尔顿','锦江','亚朵','香格里拉','喜来登']
							},
							{
								title:'中端连锁',
								data:['全部高端连锁酒店','希尔顿','锦江','亚朵','香格里拉','喜来登']
							},
							{
								title:'快捷连锁',
								data:['全部高端连锁酒店','希尔顿','锦江','亚朵','香格里拉','喜来登']
							},
						]
					},
					{
						title:'服务设施',
						tdata:['免费WIFI上网','免费有线宽带','厨房','洗衣机','免费停车','停车场','大床','含早餐','停车场']
					},
					
				],
				wayData:[
					{
						title:'距离',
						hasMore:false,
						tdata:['500米内','1公里内','2公里内','4公里内','8公里内','10公里内']
					},
					{
						title:'热门',
						hasMore:false,
						tdata:['热门1','热门2','热门3','热门4','热门5','热门6','热门7','热门8','热门9']
					},
					{
						title:'商业区',
						hasMore:false,
						tdata:['太原街','三好街','奥特广场']
					},
					{
						title:'行政区',
						hasMore:false,
						tdata:['和平区','沈河区','大东区','浑南区','苏家屯区','沈北新区']
					},
					{
						title:'地铁线',
						hasMore:false,
						tdata:['地铁1号线','地铁2号线','地铁3号线','地铁4号线','地铁5号线']
					},
					{
						title:'机场车站',
						hasMore:true,
						tdata:[{
								title:'机场',
								data:['桃仙国际机场']
							},
							{
								title:'火车站',
								data:['沈阳站','沈阳北站','沈阳南站']
							},
							{
								title:'汽车站',
								data:['汽车站']
							},
						]
					},
					{
						title:'景点',
						hasMore:false,
						tdata:['棋牌山','冰雪大世界','世博园']
					},
					{
						title:'大学',
						hasMore:false,
						tdata:['第一个大学','第二个大学','第三个大学','第四个大学','第五个大学','第六个大学','第七个大学','第八个大学','第九个大学']
					},
					{
						title:'医院',
						hasMore:false,
						tdata:['协和医院','精神卫生中心','医大二院','星海医院']
					},
				],
				shenqiWayData:[
					{
						title:'距离',
						hasMore:false,
						tdata:['500米内','1公里内','2公里内','4公里内','8公里内','10公里内']
					},
					{
						title:'热门',
						hasMore:false,
						tdata:['热门1','热门2','热门3','热门4','热门5','热门6','热门7','热门8','热门9']
					},
					{
						title:'商业区',
						hasMore:false,
						tdata:['太原街','三好街','奥特广场']
					},
					{
						title:'行政区',
						hasMore:false,
						tdata:['和平区','沈河区','大东区','浑南区','苏家屯区','沈北新区']
					},
				],
				foodWayData:[
					{
						title:'距离',
						hasMore:false,
						tdata:['500米内','1公里内','2公里内','4公里内','8公里内','10公里内']
					},
					{
						title:'热门',
						hasMore:false,
						tdata:['热门1','热门2','热门3','热门4','热门5','热门6','热门7','热门8','热门9']
					},
					{
						title:'商业区',
						hasMore:false,
						tdata:['太原街','三好街','奥特广场']
					},
					{
						title:'行政区',
						hasMore:false,
						tdata:['和平区','沈河区','大东区','浑南区','苏家屯区','沈北新区']
					},
					{
						title:'机场车站',
						hasMore:true,
						tdata:[{
								title:'机场',
								data:['桃仙国际机场']
							},
							{
								title:'火车站',
								data:['沈阳站','沈阳北站','沈阳南站']
							},
							{
								title:'汽车站',
								data:['汽车站']
							},
						]
					},
					{
						title:'景点',
						hasMore:false,
						tdata:['棋牌山','冰雪大世界','世博园']
					},
					{
						title:'大学',
						hasMore:false,
						tdata:['第一个大学','第二个大学','第三个大学','第四个大学','第五个大学','第六个大学','第七个大学','第八个大学','第九个大学']
					},
					{
						title:'医院',
						hasMore:false,
						tdata:['协和医院','精神卫生中心','医大二院','星海医院']
					},
				],
				SpotWayData:[
					{
						title:'距离',
						hasMore:false,
						tdata:['500米内','1公里内','2公里内','4公里内','8公里内','10公里内']
					},
					{
						title:'热门',
						hasMore:false,
						tdata:['热门1','热门2','热门3','热门4','热门5','热门6','热门7','热门8','热门9']
					},
					{
						title:'商业区',
						hasMore:false,
						tdata:['太原街','三好街','奥特广场']
					},
					{
						title:'行政区',
						hasMore:false,
						tdata:['和平区','沈河区','大东区','浑南区','苏家屯区','沈北新区']
					},
					{
						title:'地铁线',
						hasMore:false,
						tdata:['地铁1号线','地铁2号线','地铁3号线','地铁4号线','地铁5号线']
					},
					{
						title:'机场车站',
						hasMore:true,
						tdata:[{
								title:'机场',
								data:['桃仙国际机场']
							},
							{
								title:'火车站',
								data:['沈阳站','沈阳北站','沈阳南站']
							},
							{
								title:'汽车站',
								data:['汽车站']
							},
						]
					},
				],
				audioWayData:[
					{
						title:'距离',
						hasMore:false,
						tdata:['500米内','1公里内','2公里内','4公里内','8公里内','10公里内']
					},
					{
						title:'热门',
						hasMore:false,
						tdata:['热门1','热门2','热门3','热门4','热门5','热门6','热门7','热门8','热门9']
					},
					{
						title:'商业区',
						hasMore:false,
						tdata:['太原街','三好街','奥特广场']
					},
					{
						title:'行政区',
						hasMore:false,
						tdata:['和平区','沈河区','大东区','浑南区','苏家屯区','沈北新区']
					},
					{
						title:'地铁线',
						hasMore:false,
						tdata:['地铁1号线','地铁2号线','地铁3号线','地铁4号线','地铁5号线']
					},
					{
						title:'机场车站',
						hasMore:true,
						tdata:[{
								title:'机场',
								data:['桃仙国际机场']
							},
							{
								title:'火车站',
								data:['沈阳站','沈阳北站','沈阳南站']
							},
							{
								title:'汽车站',
								data:['汽车站']
							},
						]
					},
					{
						title:'景点',
						hasMore:false,
						tdata:['棋牌山','冰雪大世界','世博园']
					},
					{
						title:'大学',
						hasMore:false,
						tdata:['第一个大学','第二个大学','第三个大学','第四个大学','第五个大学','第六个大学','第七个大学','第八个大学','第九个大学']
					},
				],
			}
		},
		methods: {
			chooseMain(index){
				if(this.boxIndex==2||(this.boxIndex==1&&(this.pageId==5||this.pageId==7))){
					this.mainNum2 = index
				}else{
					this.mainNum = index
				}
			},
			showFood(){
				if(this.boxIndex==1){
					this.navIndex = 0
					this.boxIndex = 0
					this.lsPage(false)
				}else{
					this.navIndex = 1
					this.boxIndex = 1
					this.lsPage(true)
				}
				
			},
			showStar(){
				if(this.boxIndex==1){
					this.navIndex = 0
					this.boxIndex = 0
					this.lsPage(false)
				}else{
					this.navIndex = 1
					this.boxIndex = 1
					this.lsPage(true)
				}
			},
			reset(){
				this.mainNum=0
				this.mainNum2=0
				this.listIndex=0
				this.typeIndex1=0
				this.typeIndex2=0
				this.typeIndex3=0
				this.wayIndex1=0
				this.wayMIndex=0
				this.wayIndex=0
				this.listClose=null
				this.listClose3=true
				// this.navIndex=0
			},
			chooseType(idx,index){
				if(this.boxIndex == 2||(this.boxIndex ==1&&this.pageId==5)){
					if(this.mainNum1!=5){
						this.wayIndex1 = idx
						this.wayIndex = index
					}else{
						this.wayIndex = index
					}
				}else if(this.boxIndex ==3&&(this.pageId==7||this.pageId==1)){
					if(this.mainNum==0){
						this.typeIndex1 = index
					}else{
						this.typeIndex3 = index
					}
					
				}else{
					if(this.mainNum==0){
						this.typeIndex1 = index
					}else if(this.mainNum==1){
						this.listIndex = idx
						this.typeIndex2 = index
					}else if(this.mainNum==2){
						this.typeIndex3 = index
					}
				}
			},
			chooseType2(idx,index){
				this.wayIndex1 = idx
				this.wayMIndex = index
			},
			showPxBox(){
				if(this.boxIndex == 2){
					this.navIndex = 0
					this.boxIndex = 0
					this.lsPage(false)
				}else{
					this.boxIndex = 2
					this.navIndex = 2
					this.lsPage(true)
				}
			},
			toAge(){
				uni.navigateTo({
					url:'/pages/home/scenicSpot/audio/audioAge'
				})
			},
			showAllType(){
				// this.showAll = !this.showAll
				if(this.boxIndex == 3){
					this.navIndex = 0
					this.boxIndex = 0
					this.lsPage(false)
				}else{
					this.boxIndex = 3
					this.navIndex = 3
					this.lsPage(true)
				}
			},
			commitBtn(){
				this.navIndex = 0
				this.boxIndex = 0
				this.lsPage(false)
			},
			tuijian(){
				this.navIndex = 0
				this.boxIndex = 0
				this.lsPage(false)
			},
			chooseStar(index){
				this.starIndex = index
				this.boxIndex = 0
				this.navIndex = 0
				this.lsPage(false)
			},
			lsPage(b){
				if(b){
					console.log('hidden')
					//#ifdef APP-PLUS|| MP-WEIXIN
					// this.$parent.lockPageFun();
					//#endif
					//#ifndef APP-PLUS|| MP-WEIXIN
					// this.$parent.$parent.lockPageFun();
					//#endif
					
				}else{
					console.log('scroll')
					//#ifdef APP-PLUS|| MP-WEIXIN
					// this.$parent.scorllPageFun();
					//#endif
					//#ifndef APP-PLUS|| MP-WEIXIN
					// this.$parent.$parent.scorllPageFun();
					//#endif
				}
			}
		},
		created(){
			if(this.pageId==2){
				this.comData = this.hotelTypeData
				this.way = this.wayData
			}
			if(this.pageId==3){
				this.comData = this.foodTypeData
				this.way = this.foodWayData
			}
			if(this.pageId==7){
				this.way = this.shenqiWayData
				this.comData = this.shenqiData
			}
			if(this.pageId==8){
				this.way = this.audioWayData
				this.comData = this.shenqiData
			}
			if(this.pageId==1){
				this.way = this.SpotWayData
				this.comData = this.spotTypeData
			}
			if(this.pageId==5){
				this.way = this.wayData
			}
		}
	}
</script>

<style scoped>
	.mask{
		width: 100%;
		height: calc(100vh - 130upx) ;
		top: calc(80upx + var(--status-bar-height));
		position: fixed;
		z-index: 10;
		background: rgba(0,0,0,0.5);
	}
	.nav{
		width: 700upx;
		height: 80upx;
		padding: 0upx 34upx 0 16upx;
		/* position: sticky; */
		display: flex;
		background: #FFFFFF;
		flex-direction: row;
		top: 80px;
		justify-content: space-between;
	}
	.nav-top{
		width: 700upx;
		height: 98upx;
		padding: 0upx 34upx 0 16upx;
		/* padding-top: ; */
		top: calc(80upx + var(--status-bar-height));
		position: fixed;
		z-index: 20;
		display: flex;
		background: #FFFFFF;
		flex-direction: row;
		border-top: none ;
		justify-content: space-between;
	}
	.nav-item{
		width: 25%;
		flex-direction: row;
		justify-content: center;
		display: flex;
		padding-top: 20upx;
		height: 60upx;
	}
	.nav-item text{
		font-size: 28upx;
		color: rgba(51,51,51,1.00);
		height: 40upx;
		
	}
	.nav-ac{
		color: rgba(0,117,238,1.00) !important;
		border-bottom: rgba(0,117,238,1.00) solid 4upx;
	}
	.sanjiao{
		width: 0upx;
		height: 0upx;
		float: right;
		margin-right: 5%;
		border: 10upx solid transparent;
		border-top-color: rgba(51,51,51,1.00);
		margin-top: 14upx;
		margin-left: 10upx;
	}
	.ShowAll{
		/* padding-top: 73upx; */
		/* padding-left: 38upx; */
		width: 100%;
		height: 750upx;
		background: #FFFFFF;
		position: fixed;
		top: calc(164upx + var(--status-bar-height));
		overflow: scroll;
		z-index: 20;
		padding-bottom: 50upx;
		left: 0;
		right: 0;
	}
	.ShowAll-bottom{
		width: 750upx;
		height: 92upx;
		background: #FFFFFF;
		position: absolute;
		bottom: 0;
		display: flex;
		flex-direction: row;
		justify-content: center;
	}
	.reset-btn{
		width:340upx;
		height:73upx;
		text-align: center;
		line-height: 73upx;
		font-size: 28upx;
		color: rgba(153,153,153,1.00);
		border: rgba(153,153,153,1.00) solid 1upx;
		border-radius: 30upx;
		margin: 8upx 7upx;
	}
	.qd-btn{
		width:340upx;
		height:73upx;
		text-align: center;
		line-height: 73upx;
		font-size: 28upx;
		color: #FFFFFF;
		background: rgba(87,118,254,1.00);
		border-radius: 30upx;
		margin: 8upx 7upx;
	}
	.type-list{
		width: 528upx;
		float: right;
		height: 700upx;
		padding-left: 20upx;
		overflow: scroll;
		/* margin-top: 50upx; */
	}
	.type-list-close{
		height: 250upx;
	}
	.type-title{
		font-size: 28upx;
	}
	/* .type-item{
		margin-top: 21upx;
		margin-right: 20upx;
		width: auto;
		display:inline-block;
		padding: 16upx 29upx;
		white-space :  nowrap;
		font-size: 28upx;
		position: relative;
		border: rgba(220,220,220,1.00) solid 1upx;
		border-radius: 10upx;
	} */
	.type-item{
		margin-top: 21upx;
		width: 160upx;
		margin-right: 13upx;
		/* width: auto; */
		display:inline-block;
		word-wrap: break-word; 
		word-break: normal; 
		padding: 0;
		vertical-align:middle;
		height: 67upx;
		align-self: center;
		text-align: center;
		/* white-space :  nowrap; */
		font-size: 24upx;
		align-content: center;
		position: relative;
		border: rgba(220,220,220,1.00) solid 1upx;
		border-radius: 10upx;
	}
	.type-item text{
		height: 67upx;
		width: 160upx;
		display: table-cell;
		text-align: center;
		vertical-align:middle;
	}
	.type-item-2{
		margin-right: 20upx;
		width: auto;
		display:inline-block;
		width: 507upx;
		float: right;
		height: 86upx;
		white-space :  nowrap;
		font-size: 26upx;
		position: relative;
		vertical-align:middle;
		border-radius: 10upx;
		border-bottom: rgba(239,239,239,1.00) solid 1upx;
	}
	.type-item-2 text{
		float: left;
		line-height: 86upx;
	}
	.type-item-2 image{
		margin-top: 30upx;
		width: 20upx;
		min-width: 14px;
		height: 20upx;
		min-height: 14px;
		float: right;
	}
	.type-ac{
		color: #007AFF;
	}
	.type-item-ac{
		color: rgba(87,118,254,1.00);
		height: 65upx;
		border: rgba(87,118,254,1.00) solid 1upx;
		
	}
	.list-title{
		width: 100%;
		height: 60upx;
	}
	.list-open-btn{
		width: 160upx;
		float: right;
		height: 60upx;
	}
	.list-title-text{
		font-size: 30upx;
		color: rgba(0,90,255,1.00);
		line-height: 60upx;
		float: left;
	}
	.list-title-text2{
		font-size: 26upx;
		color: rgba(102,102,102,1.00);
		line-height: 60upx;
		float: left;
	}
	.zk{
		font-size: 24upx;
		float: right;
		line-height: 60upx;
		color: rgba(0,90,255,1.00);
	}
	.main-list{
		width: 202upx;
		background: rgba(242,242,242,1.00);
		float: left;
		height: 700upx;
		overflow: scroll;
	}
	.main-item{
		width: 202upx;
		height: 86upx;
		line-height: 86upx;
	}
	.main-item text{
		margin-left: 34upx;
		font-size: 28upx;
		color: rgba(102,102,102,1.00);
	}
	.main-item-ac{
		background: #FFFFFF;
	}
	.main-item-ac text{
		color: rgba(0,91,255,1.00);
	}
	.type-item image{
		width: 28upx;
		height: 26upx;
		position: absolute;
		right: 0;
		bottom: 0;
	}
	.type-item-food image{
		width: 28upx;
		height: 26upx;
		position: absolute;
		right: 0;
		bottom: 0;
	}
	.ShowStar{
		width: 100%;
		height: auto;
		background: #FFFFFF;
		position: fixed;
		top: calc(164upx + var(--status-bar-height));
		display: flex;
		flex-direction: row;
		z-index: 20;
		flex-wrap:wrap
	}
	.ShowStar view{
		width: 660upx;
		height:60upx;
		margin-top: 20upx;
		margin-bottom: 20upx;
		display: block;
		font-size: 28upx;
		line-height: 60upx;
		padding-left: 56upx;
		/* text-align: center; */
	}
	.ShowStar view text{
		
		float: left;
	}
	.ShowStar view image{
		margin-top: 18upx;
		width: 20upx;
		min-width: 14px;
		height: 20upx;
		min-height: 14px;
		float: right;
	}
	.type-ac{
		color: #007AFF;
	}
	.price-box{
		width: 528upx;
		height: 66upx;
		padding-top: 50upx;
		display: flex;
		flex-direction: row;
		/* justify-content: space-between; */
	}
	.line{
		width: 50upx;
		height: 2upx;
		background: rgba(153,153,153,1.00);
		margin: 32upx 16upx 0 16upx;
	}
	.price-box input{
		width: 160upx;
		height: 66upx;
		background:rgba(246,246,246,1.00);
		line-height: 66upx;
		text-align: center;
		border-radius: 30upx;
		font-size: 30upx;
		padding: 0 20upx;
	}
	.money{
		font-size: 28upx;
		line-height: 60upx;
		margin-left: 20upx;
		color: #0075EE;
		float: left;
	}
	
</style>
